<template>
	<div class="video-badge" v-if="badge.title" :style="{background: 'url('+badge.bg+') no-repeat'}">
		<span class="title">{{badge.title}}</span>
	</div>
</template>

<script>
export default{
	props:{
		badge:{
			type: Object
		}
	}
}
</script>

<style scoped lang="less">
.video-badge{
	position: absolute;
	top: 0;
	left: 0;
	width: 57px;
	height: 21px;
	background-size: cover!important;
	border-radius: 2px 0 0 0;
	.title{
		position: absolute;
		top: 2px;
		right: 3px;
		padding-left: 20px;
		font-size: 12px;
		transform: scale(.9);
	}
}
</style>
